<!DOCTYPE html>
<html>
<head>
  <title>{{title}}</title>
  {{> includes/head.html }}
  <link rel="stylesheet" type="text/css" media="all" href="/css/documentPage.css">
</head>
<body id="body">
  {{> includes/header.html }}
  <div class="container-fluid">
    <div class="row">
      {{#isAbout}}
      <div class="container-fluid">
        <h2 class="page-heading">
          About
          <img src="/images/favicon.min.svg" alt="OUJS" width="128" height="128" align="right" style="margin-right: 0.33em;">
        </h2>
        <div class="panel panel-default">
          <div class="panel-heading clearfix">
            <h3>Welcome to {{#pkg.name}}{{pkg.name}} <em>(OUJS)</em>{{#pkg.version}} v{{pkg.version}}{{/pkg.version}}{{/pkg.name}}{{#process.version}} using Node {{process.version}}{{/process.version}}{{#lastRestart}} last restarted <time datetime="{{lastRestartISOFormat}}" title="{{lastRestart}}">{{lastRestartHumanized}}</time>.{{/lastRestart}}</h3>
            <ul>
              {{#lockdown.scriptStorageRO}}<li>Read-Only Script storage mode is in effect.</li>{{/lockdown.scriptStorageRO}}
              {{#lockdown.updateURLCheck}}<li>UserScript metadata block <code>// @updateURL</code> is required. See <a href="/about/Frequently-Asked-Questions#q-does-openuserjs-org-have-meta-">this FAQ</a>.</li>{{/lockdown.updateURLCheck}}
              <li><em>No other site status messages at this time.</em></li>
            </ul>
          </div>
          <div class="panel-body">
            <h3><a id="mission" rel="bookmark"></a>Mission<a class="anchor" href="#mission"><em class="fa fa-link"></em></a></h3>
            <p>User scripts are best described as lightweight site-specific browser extensions, written entirely in JavaScript and containing a specially formatted block of metadata that tells a User script engine, such as Greasemonkey, on what site to run the script. The script can do anything that originally JavaScript running on a website can do, such as modify the appearance or functionality of the site on the client-side. Some User scripts employ special API functions &ndash; provided by the User script engine &ndash; to do things that normal client-side JavaScript cannot, like cross-domain xmlhttpRequests. People who write User scripts <em>(script authors)</em> want a place to publish them where other users can download scripts for installation. And users want a place to find scripts that will be useful for them. There existed a de facto user script repository called userscripts.org. The site had many users and contained thousands of User scripts. Unfortunately userscripts.org has been in a state of flux and has been currently offline. Many active User script developers have expressed an interest in improving the site, but it remains closed source. Several members have shown interest in contributing to a competing open source User script repository and that is how the idea for OpenUserJS was born.</p>
            <p>OpenUserJS.org is built mostly in the native tongue of what User scripts are written with. This has the extreme advantage of being able to contribute directly to the project without being hindered by alternate computer programming languages that may or may not be compatible. It makes paramount sense to have a site built with JavaScript and not some possibly unfamiliar and alternate computer syntax with no relation to JavaScript. <strong>This allows OpenUserJS to be at the top of its class</strong>. Developers, or collaborators as it is sometimes referred to, are also highly encouraged to use all the tools available in the development environment. This includes a private database to test things before they are implemented as well as the standard open-source philosophy granted with our repository at GitHub. All of the tools made openly available are a great set of places to share findings through testing and other forms of collaboration from bug fixes to having meta discussions regarding adding or changing new features and general usage.</p>
            <p>OpenUserJS aims to be the perfect environment to share your ideas with others and encourage teamwork in a safer surrounding. From the new user beginning with User scripts to a seasoned contributor collaborating and working together towards a common goal... bettering the world wide web.</p>
            <h3><a id="getting-started" rel="bookmark"></a>Getting Started<a class="anchor" href="#getting-started"><em class="fa fa-link"></em></a></h3>
            <p>For getting started with Userscripts please check out the <a href="/about/Userscript-Beginners-HOWTO">Userscript Beginners HOWTO</a> and visit the <a href="/about/Frequently-Asked-Questions">FAQ</a>.</p>
          </div>
          <div class="panel-footer">
            <div>
              <a href="https://www.gnu.org/licenses/gpl-3.0.html"><img src="https://raw.githubusercontent.com/wiki/OpenUserJS/OpenUserJS.org/images/gpl-v3-logo.min.svg?sanitize=true" alt="GPLv3" width="52" height="29"></a>
              <a href="https://nodejs.org/"><img src="https://raw.githubusercontent.com/wiki/OpenUserJS/OpenUserJS.org/images/Node.js_logo.min.svg?sanitize=true" alt="Node.js" width="58" height="52"></a>
            </div>
            <div>
              <a href="https://www.gnu.org/licenses/fdl-1.3.html"><img src="https://raw.githubusercontent.com/wiki/OpenUserJS/OpenUserJS.org/images/gfdl-logo.min.svg?sanitize=true" alt="GFDL" width="86" height="30" align="right"></a>
            </div>
          </div>
        </div>
      </div>
      {{/isAbout}}
      {{^isAbout}}
        <div class="col-sm-8">
          <h2 class="page-heading">
            <a href="/about">About</a> / {{pageHeading}}
            {{#pageIcon}}<img src="{{pageIcon}}" width="128" height="128" align="right" style="margin: 0 0.33em;">{{/pageIcon}}
          </h2>
          <div class="panel panel-default">
            <div class="panel-body">
              <div id="document-content" class="document-content">
                {{#pageData}}{{{pageData}}}{{/pageData}}
              </div>
            </div>
            <div class="panel-footer">
              <a href="https://www.gnu.org/licenses/fdl-1.3.html"><img src="https://raw.githubusercontent.com/wiki/OpenUserJS/OpenUserJS.org/images/gfdl-logo.min.svg?sanitize=true" alt="GFDL" width="86" height="30" align="right"></a>
            </div>
          </div>
        </div>
        <div class="col-sm-4">
          <div class="panel panel-default">
            <div class="panel-heading">
              <div class="panel-title"><em class="fa fa-fw fa-file-text-o"></em> Pages</div>
            </div>
            <div class="panel-body">
              <div class="list-group list-group-striped">
                {{#fileList}}<a class="list-group-item{{#active}} active{{/active}}" href="{{{href}}}">{{textContent}}</a>{{/fileList}}
              </div>
            </div>
          </div>
        </div>
      {{/isAbout}}
    </div>
  </div>
  {{> includes/footer.html }}
</body>
</html>
